<div>
  <div class="example-radio-grid">
    <div class="example-radio-container">
      <h4>Standard - Able to navigate to and select an radio button.</h4>
      <cdk-radio-group-standard-example></cdk-radio-group-standard-example>
    </div>

    <div class="example-radio-container">
      <h4>Horizontal Orientation - Able to navigate using left and right arrow keys.</h4>
      <cdk-radio-group-horizontal-example></cdk-radio-group-horizontal-example>
    </div>

    <div class="example-radio-container">
      <h4 dir="rtl">RTL & Horizontal Orientation - Able to navigate as expected.</h4>
      <cdk-radio-group-rtl-horizontal-example></cdk-radio-group-rtl-horizontal-example>
    </div>

    <div class="example-radio-container">
      <h4>Active Descendant - Able to navigate to and select a radio button.</h4>
      <cdk-radio-group-active-descendant-example></cdk-radio-group-active-descendant-example>
    </div>

    <div class="example-radio-container">
      <h4>
        Disabled Options are Focusable - Able to navigate to a disabled radio button. Disabled radio
        buttons are not selectable.
      </h4>
      <cdk-radio-group-disabled-focusable-example></cdk-radio-group-disabled-focusable-example>
    </div>

    <div class="example-radio-container">
      <h4>
        Disabled Options are Skipped - Disabled radio buttons are skipped over. Disabled radio
        buttons are not selectable.
      </h4>
      <cdk-radio-group-disabled-skipped-example></cdk-radio-group-disabled-skipped-example>
    </div>

    <div class="example-radio-container">
      <h4>Readonly - The radio group is navigable but selection state cannot be changed.</h4>
      <cdk-radio-group-readonly-example></cdk-radio-group-readonly-example>
    </div>

    <div class="example-radio-container">
      <h4>Disabled - Focus should land on the listbox instead of an option.</h4>
      <cdk-radio-group-disabled-example></cdk-radio-group-disabled-example>
    </div>
  </div>

  <div class="example-configurable-radio-container">
    <h4>Configurable CDK Radio Group</h4>
    <cdk-radio-group-configurable-example></cdk-radio-group-configurable-example>
  </div>
</div>
